<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
	<title>v-for指令</title>
</head>
<body>
	<div id="app">
		<ul>
			<li v-for="food in foodList">{{food.name}}:${{food.discount ? food.price * food.discount : food.price}}</li>
		</ul>
	</div>

	<script src="../resource/lib/vue.js"></script>
	<script src="../resource/js/v-for.js"></script>
</body>
</html>